<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
		<style>
			# d1{/* 权值 100 */
				background-color: #ff0000;
			}
			. d{/* 权值 101 优先选中，推荐 */
				background-color: #ffaa00;
			}
			.d:hover{/* 权值 10+10 */
			     background-color: #aaffff;
			}
			div{/* 权值 1 */
				background-color: #aaffff;
			}
			*{/* 权值0 */
				background-color: #0000ff;s
			}
		</style>
	</head>
	<body>
		<!-- 各种选择器同时对一个元素进行样式添加【权重】
		 权重：选择器优先级【权值越大，优先执行】
		 ID选择器               权值100
		 类选择器、伪类选择器    权值10
		 元素选择器             权值1
		 通用选择器              权值0
		 权值可以进行计算：后、子、兄弟算和
		 -->
		 <div id="d1" class="d">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Enim, architecto minus sit quia eaque voluptates earum magni maxime optio officiis inventore facilis dolorem labore. Reprehenderit provident nostrum cupiditate quod cumque?</div>
	</body>
</html>